<route lang="jsonc" type="page">
    {
      "layout": "default",
      "style": {
        "navigationStyle":"custom"
      }
    }
    </route>

<script lang="ts" setup>
    //问诊记录
    const goToinquiry=()=>{
      uni.navigateTo({
        url: '/pages/inquiry/inquiry'
      })
    }
    //选择科室
    const goToselectdepartment=()=>{
      uni.navigateTo({
        url: '/pages/selectdepartment/selectdepartment'
      })
    }
    //返回
    const goBack=()=>{
      uni.navigateBack()
    }
</script>

<template>
  <view>
<view class="headers">
  <image src="/static/image/return@1x.png" mode="aspectFit" @click="goBack" style="width: 15px;height: 15px;margin-left: 13px;" />
  <text class="titles">极速问诊</text>
  <view style="position: absolute;top: 10px;right: 12px;" >
    <text style="margin-left: 100px;color: #16c2a3;font-size: 14px;" @click="goToinquiry">问诊记录</text>
  </view>
</view>
<view>
  <image src="/static/image/image_text_illustration@1x.png" mode="aspectFit" style="margin-left: 45px;margin-top: 20px;width:550rpx;height:450rpx;"/>
  <view style="width: 100%;text-align: center;margin-top: 20px;">
    <text style="color:#06bda4;font-size: 14px;">20s</text>
    <text style="font-size: 14px;padding-left: 10px;">快速匹配专业医生</text>
  </view>
</view>
<view style="display: flex;justify-content:space-between;width: 90%;border: 1px solid #f0f0f0;height: 60px;margin: 0 auto;margin-top:40px ;" @click="goToselectdepartment">
  <view style="display: flex;justify-content:left;padding-top: 10px;">
      <image src="/static/image/hospital_image_text@1x.png" mode="aspectFit" style="width: 60px;height: 60px;padding-right: 10px;padding-left: 14px;margin-top:-25rpx"/>
      <view>
        <view style="padding-bottom: 4px;font-size: 14px;">三甲图文问诊</view>
        <view style="font-size: 12px;color: #aaa;">三甲主治及以上级别医生</view>
      </view>
    </view>
      <view style="padding-top: 20px;padding-right: 10px;">
        <image src="/static/image/chevron_right@1x-1.png" mode="aspectFit" style="width: 19px;height: 19px;"/>
      </view>
  </view>
  <view style="display: flex;justify-content:space-between;width: 90%;border: 1px solid #f0f0f0;height: 60px;margin: 0 auto;margin-top:18px ;" @click="goToselectdepartment">
    <view style="display: flex;justify-content:left;padding-top: 10px;">
    <image src="/static/image/putong.png" mode="aspectFit" style="width: 60px;height: 60px;padding-right: 10px;padding-left: 14px;margin-top:-30rpx;"/>
    <view>
      <view style="padding-bottom: 4px;font-size: 14px;">普通图文问诊</view>
      <view style="font-size: 12px;color: #aaa;">二甲主治及以上级别医生</view>
    </view>
  </view>
    <view style="padding-top: 20px;padding-right: 10px;">
      <image src="/static/image/chevron_right@1x-1.png" mode="aspectFit" style="width: 19px;height: 19px;"/>
    </view>
  </view>
  </view>
</template>

<style lang="scss" scoped>
    .custom-navigation {
  height: 70px;
  padding-top: 20px;
  background: #ffffff;
  text-align: center;
  color: white;
  line-height: 90px;
}
.headers {
  margin-bottom: 20px;
  padding-top: 10px;
  width: 100%;
  padding-bottom:15px ;
  border-bottom:1px solid #eee;
}
.titles {
  font-size: 16px;
  margin-left: 85px;
  padding-top: 190px;
  /* font-weight: bold; */
}
</style>